大家好，今天的篇章要介紹的是昨天的 React Testing Library

會延續前一天的專案結構接續下去進行修改，如果沒有參與到昨天的建置過程，這邊也有提供原始碼
https://github.com/littlehorseboy/typescript-react/tree/day27-react-testing-library

React Testing Library

The more your tests resemble the way your software is used, the more confidence they can give you.

再來找一個 tsx 來玩看看

src/components/FetchGithubUser/FetchGithubUser.tsx

增加了四個 data-testid="?"

+ src/components/FetchGithubUser/FetchGithubUser.test.tsx

都在對 ajax 發送而改變的東西來撰寫測試

執行結果

npm run test -- src/components/FetchGithubUser/FetchGithubUser.test.tsx

測試結果 ajax 前後的所產生的內容都符合 expect 的需求

以上又用了 React Testing Library 多寫一隻測試程式，好少 0.0，筆者是打算對專案內所有需求都寫上測試 XD，這樣的進度稍嫌緩慢

最後附上原始碼
https://github.com/littlehorseboy/typescript-react/tree/day28-react-testing-library

明天還會繼續寫 React Testing Library，用專案內的 tsx 來寫各種測試程式碼